<!-- 审批流明细 -->
<template>
  <a-popover v-model="popoverVisible" trigger="click">
    <template slot="title">
      <span>审批流程节点明细</span><span class="cus-text ml-10" pointer>[审批流程]</span>
    </template>
    <template slot="content">
      <a-table
        size="small"
        bordered
        :columns="columns"
        :dataSource="dataSource"
        :pagination="false"
        :scroll="{ x: '100%', autoHeight: true }"
        style="width: 1000px;">
      </a-table>
    </template>
    <a-button type="primary" @click="onCheckApprovalDetail">
      <span>查看审批流明细</span>
      <a-icon v-show="!popoverVisible" type="down" />
      <a-icon class="ml-10" v-show="popoverVisible" type="up" />
    </a-button>
  </a-popover>
</template>

<script>
export default {
  name: 'SiteInspection',
  data() {
    return {
      popoverVisible: false,
      columns: [
        { title: '审批人姓名', dataIndex: 'approverName', width: 100, ellipsis: true },
        { title: '审批人职位', dataIndex: 'approverPosition', width: 100, ellipsis: true },
        { title: '审批节点名称', dataIndex: 'ApprovalNodeName', width: 100, ellipsis: true },
        { title: '审批状态', dataIndex: 'approveStatus', width: 100, ellipsis: true },
        { title: '审批时间', dataIndex: 'approveTime', width: 150, scopedSlots: { customRender: 'date' }, ellipsis: true },
        { title: '驳回原因', dataIndex: 'rejectionReason', width: 200, ellipsis: true },
      ],
      dataSource: [
        {
          approverName: '黄系',
          approverPosition: '系长',
          ApprovalNodeName: '系长审批',
          approveStatus: '审批中',
          approveTime: '2024-06-01 10:20:58',
          rejectionReason: '',
        },
        {
          approverName: '陈工',
          approverPosition: '担当',
          ApprovalNodeName: '创建人发起',
          approveStatus: '已审批',
          approveTime: '2024-06-01 10:20:58',
          rejectionReason: '',
        }
      ]
    };
  },
  mounted() {
  },
  methods: {
    onCheckApprovalDetail() {
    }
  }
}
</script>

<style lang="less" scoped>
</style>